<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 控制面板专业版</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/admin.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <div class="container-fluid">
                <a class="navbar-brand" href="workplace.html"><i class="bi bi-gear"></i> 控制面板 <span class="badge bg-secondary fs-9">专业版</span></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#headerNavbar" aria-controls="headerNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="headerNavbar">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="workplace.html">首页</a></li>
                        <li class="nav-item"><a class="nav-link" href="settings.html">设置</a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="basis-language.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">基础设置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="basis-language.html">多语言</a></li>
                                <li><a class="dropdown-item" href="basis-policies.html">政策条款</a></li>
                                <li><a class="dropdown-item" href="basis-delete.html">注销功能</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="system-site.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">系统设置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="system-site.html">站点设置</a></li>
                                <li><a class="dropdown-item" href="system-send.html">发信设置</a></li>
                                <li><a class="dropdown-item" href="system-user.html">用户设置</a></li>
                                <li><a class="dropdown-item" href="system-wallet.html">钱包设置</a></li>
                                <li><a class="dropdown-item" href="system-storage-image.html">存储设置</a></li>
                                <li><a class="dropdown-item" href="system-map.html">地图设置</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="operating-rename.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">运营配置</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="operating-rename.html">命名配置</a></li>
                                <li><a class="dropdown-item" href="operating-interactive.html">互动配置</a></li>
                                <li><a class="dropdown-item" href="operating-emoji.html">表情配置</a></li>
                                <li><a class="dropdown-item" href="operating-publish-post.html">发表配置</a></li>
                                <li><a class="dropdown-item" href="operating-filter.html">过滤配置</a></li>
                                <li><a class="dropdown-item" href="operating-role.html">用户角色</a></li>
                                <li><a class="dropdown-item" href="operating-group.html">内容小组</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="expand-editor.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">扩展管理</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="expand-editor.html">编辑器扩展</a></li>
                                <li><a class="dropdown-item" href="expand-type.html">内容类型扩展</a></li>
                                <li><a class="dropdown-item" href="expand-manage.html">管理扩展</a></li>
                                <li><a class="dropdown-item" href="expand-group.html">小组扩展</a></li>
                                <li><a class="dropdown-item" href="expand-userfeature.html">用户功能扩展</a></li>
                                <li><a class="dropdown-item" href="expand-userprofile.html">用户资料扩展</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="navbar-nav">
                        <div class="btn-group d-flex flex-column">
                            <button type="button" class="btn btn-outline-light btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-translate"></i> 简体中文 - Chinese (Simplified)</button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="#">English - English</a></li>
                                <li><a class="dropdown-item" href="#">Español - Spanish</a></li>
                                <li><a class="dropdown-item" href="#">Français - French</a></li>
                                <li><a class="dropdown-item" href="#">日本語 - Japanese</a></li>
                                <li><a class="dropdown-item" href="#">한국어 - Korean</a></li>
                                <li><a class="dropdown-item" href="#">Русский - Russian</a></li>
                                <li><a class="dropdown-item" href="#">Português - Portuguese</a></li>
                                <li><a class="dropdown-item" href="#">Bahasa Indonesia - Indonesian</a></li>
                                <li><a class="dropdown-item" href="#">简体中文 - Chinese (Simplified)</a></li>
                                <li><a class="dropdown-item" href="#">繁體中文 - Chinese (Traditional)</a></li>
                            </ul>
                        </div>
                        <div class="ms-lg-3 my-3 my-lg-0"><a class="btn btn-outline-warning btn-sm" href="index.html" role="button">退出</a></div>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="container-fluid">
            <div class="row">
                <!--菜单 开始-->
                <div class="col-lg-2 fresns-sidebar mt-3 mt-lg-0">
                    <nav class="navbar navbar-expand-lg navbar-light flex-lg-column shadow" style="background-color:#e3f2fd;">
                        <div class="container-fluid d-lg-flex flex-lg-column">
                            <span class="navbar-brand">系统</span>
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav d-flex flex-column">
                                    <li class="nav-item"><a class="nav-link active" href="system-site.html">站点设置</a></li>
                                    <li class="nav-item"><a class="nav-link" href="system-send.html">发信设置</a></li>
                                    <li class="nav-item"><a class="nav-link" href="system-user.html">用户设置</a></li>
                                    <li class="nav-item"><a class="nav-link" href="system-wallet.html">钱包设置</a></li>
                                    <li class="nav-item"><a class="nav-link" href="system-storage-image.html">存储设置</a></li>
                                    <li class="nav-item"><a class="nav-link" href="system-map.html">地图设置</a></li>
                                    <li class="nav-item d-block d-lg-none my-3 text-secondary">Powered by Fresns</li>
                                </ul>
                            </div>
                        </div>
                        <div class="fresns-copyright d-none d-lg-block">Powered by Fresns</div>
                    </nav>
                </div>
                <!--菜单 结束-->
                <!--设置区域 开始-->
                <div class="col-lg-10 fresns-setting mt-3 mt-lg-0 p-lg-3">
                    <div class="bg-body mb-2 p-3 p-lg-5">
                        <div class="row mb-5 border-bottom">
                            <div class="col-lg-7">
                                <h3>站点设置</h3>
                                <p class="text-secondary">保障系统正常运行的设置项。</p>
                            </div>
                            <div class="col-lg-5">
                                <div class="input-group mt-2 mb-4 justify-content-lg-end">
                                    <a class="btn btn-outline-secondary" href="#" role="button">帮助说明</a>
                                </div>
                            </div>
                        </div>
                        <!--表单 开始-->
                        <form>
                            <div class="row mb-4">
                                <label for="site_name" class="col-lg-2 col-form-label text-lg-end">站点名称：</label>
                                <div class="col-lg-6"><button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#siteNameModal">Fresns</button></div>
                                <div class="col-lg-4 form-text pt-1"><i class="bi bi-info-circle"></i> 你的 Fresns 站点的名称。</div>
                            </div>

                            <div class="row mb-4">
                                <label for="site_desc" class="col-lg-2 col-form-label text-lg-end">站点介绍：</label>
                                <div class="col-lg-6"><button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#siteDescModal">Fresns 是一款免费开源的社交网络服务软件，专为跨平台而打造的通用型社区产品，支持灵活多样的内容形态，可以满足多种运营场景，符合时代潮流，更开放且更易于二次开发。</button></div>
                                <div class="col-lg-4 form-text pt-1"><i class="bi bi-info-circle"></i> 你的 Fresns 站点的介绍。</div>
                            </div>

                            <div class="row mb-4">
                                <label for="site_img" class="col-lg-2 col-form-label text-lg-end">站点标志：</label>
                                <div class="col-lg-6">
                                    <div class="input-group mb-1">
                                        <label class="input-group-text font-monospace" for="ICON">ICON</label>
                                        <input type="file" class="form-control" id="site_icon">
                                        <button class="btn btn-outline-secondary" type="button">查看</button>
                                    </div>
                                    <div class="input-group">
                                        <label class="input-group-text font-monospace" for="LOGO">LOGO</label>
                                        <input type="file" class="form-control" id="site_logo">
                                        <button class="btn btn-outline-secondary" type="button">查看</button>
                                    </div>
                                </div>
                                <div class="col-lg-4 form-text pt-1"><i class="bi bi-info-circle"></i> 图片文件，必须配置了<a href="system-storage-image.html">存储设置</a>中的信息才能上传。</div>
                            </div>

                            <div class="row mb-4">
                                <label for="site_copyright" class="col-lg-2 col-form-label text-lg-end">版权信息：</label>
                                <div class="col-lg-6">
                                    <div class="input-group">
                                        <span class="input-group-text">&copy;</span>
                                        <input type="text" class="form-control" id="site_copyright" placeholder="Fresns">
                                        <input type="text" class="form-control" id="site_copyright_years" placeholder="2020-2021">
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-4">
                                <label for="site_copyright_years" class="col-lg-2 col-form-label text-lg-end">默认时区：</label>
                                <div class="col-lg-6">
                                    <select class="form-select" id="default_timezone">
                                        <option value="UTC-12">UTC-12</option>
                                        <option value="UTC-11.5">UTC-11:30</option>
                                        <option value="UTC-11">UTC-11</option>
                                        <option value="UTC-10.5">UTC-10:30</option>
                                        <option value="UTC-10">UTC-10</option>
                                        <option value="UTC-9.5">UTC-9:30</option>
                                        <option value="UTC-9">UTC-9</option>
                                        <option value="UTC-8.5">UTC-8:30</option>
                                        <option value="UTC-8">UTC-8</option>
                                        <option value="UTC-7.5">UTC-7:30</option>
                                        <option value="UTC-7">UTC-7</option>
                                        <option value="UTC-6.5">UTC-6:30</option>
                                        <option value="UTC-6">UTC-6</option>
                                        <option value="UTC-5.5">UTC-5:30</option>
                                        <option value="UTC-5">UTC-5</option>
                                        <option value="UTC-4.5">UTC-4:30</option>
                                        <option value="UTC-4">UTC-4</option>
                                        <option value="UTC-3.5">UTC-3:30</option>
                                        <option value="UTC-3">UTC-3</option>
                                        <option value="UTC-2.5">UTC-2:30</option>
                                        <option value="UTC-2">UTC-2</option>
                                        <option value="UTC-1.5">UTC-1:30</option>
                                        <option value="UTC-1">UTC-1</option>
                                        <option value="UTC-0.5">UTC-0:30</option>
                                        <option value="UTC+0">UTC+0</option>
                                        <option value="UTC+0.5">UTC+0:30</option>
                                        <option value="UTC+1">UTC+1</option>
                                        <option value="UTC+1.5">UTC+1:30</option>
                                        <option value="UTC+2">UTC+2</option>
                                        <option value="UTC+2.5">UTC+2:30</option>
                                        <option value="UTC+3">UTC+3</option>
                                        <option value="UTC+3.5">UTC+3:30</option>
                                        <option value="UTC+4">UTC+4</option>
                                        <option value="UTC+4.5">UTC+4:30</option>
                                        <option value="UTC+5">UTC+5</option>
                                        <option value="UTC+5.5">UTC+5:30</option>
                                        <option value="UTC+5.75">UTC+5:45</option>
                                        <option value="UTC+6">UTC+6</option>
                                        <option value="UTC+6.5">UTC+6:30</option>
                                        <option value="UTC+7">UTC+7</option>
                                        <option value="UTC+7.5">UTC+7:30</option>
                                        <option value="UTC+8" selected>UTC+8</option>
                                        <option value="UTC+8.5">UTC+8:30</option>
                                        <option value="UTC+8.75">UTC+8:45</option>
                                        <option value="UTC+9">UTC+9</option>
                                        <option value="UTC+9.5">UTC+9:30</option>
                                        <option value="UTC+10">UTC+10</option>
                                        <option value="UTC+10.5">UTC+10:30</option>
                                        <option value="UTC+11">UTC+11</option>
                                        <option value="UTC+11.5">UTC+11:30</option>
                                        <option value="UTC+12">UTC+12</option>
                                        <option value="UTC+12.75">UTC+12:45</option>
                                        <option value="UTC+13">UTC+13</option>
                                        <option value="UTC+13.75">UTC+13:45</option>
                                        <option value="UTC+14">UTC+14</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mb-4">
                                <label for="site_mode" class="col-lg-2 col-form-label text-lg-end">运行模式：</label>
                                <div class="col-lg-6 pt-2" id="accordionSiteMode">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="site_mode" id="site_mode_public" value="public" data-bs-toggle="collapse" data-bs-target="#public_setting:not(.show)" aria-expanded="true" aria-controls="public_setting" checked>
                                        <label class="form-check-label" for="site_mode_public">公开模式</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="site_mode" id="site_mode_private" value="private" data-bs-toggle="collapse" data-bs-target="#private_setting:not(.show)" aria-expanded="false" aria-controls="private_setting">
                                        <label class="form-check-label" for="site_mode_private">私有模式</label>
                                    </div>
                                    <!--运行模式设置 开始-->
                                    <div class="collapse show" id="public_setting" aria-labelledby="site_mode_public" data-bs-parent="#accordionSiteMode">
                                        <!--公开模式设置 开始-->
                                        <div class="card mt-2">
                                            <div class="card-header text-success">公开模式配置</div>
                                            <div class="card-body">
                                                <!--配置 开始-->
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="register_close">是否开放注册</label>
                                                    <select class="form-select" id="register_close">
                                                        <option value="false" selected>关闭注册</option>
                                                        <option value="true">开放注册</option>
                                                    </select>
                                                </div>
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="register_plugin">注册功能配置</label>
                                                    <select class="form-select" id="register_plugin">
                                                        <option selected>默认</option>
                                                        <option value="xx">xx插件</option>
                                                    </select>
                                                </div>
                                                <div class="input-group mb-1">
                                                    <label class="input-group-text" for="site_private_end">注册账号支持</label>
                                                    <div class="form-control bg-body">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="account_email" value="true">
                                                            <label class="form-check-label" for="account_email">邮箱注册</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="account_phone" value="true">
                                                            <label class="form-check-label" for="account_phone">手机号注册</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--配置 结束-->
                                            </div>
                                        </div>
                                        <!--公开模式设置 结束-->
                                    </div>
                                    <div class="collapse" id="private_setting" aria-labelledby="site_mode_private" data-bs-parent="#accordionSiteMode">
                                        <!--私有模式设置 开始-->
                                        <div class="card mt-2">
                                            <div class="card-header text-danger">私有模式配置</div>
                                            <div class="card-body">
                                                <!--配置 开始-->
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="site_private_type">是否对外开放加入</label>
                                                    <select class="form-select" id="site_private_type">
                                                        <option value="false" selected>关闭</option>
                                                        <option value="true">开放</option>
                                                    </select>
                                                </div>
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="site_private_plugin">加入通道支持插件</label>
                                                    <select class="form-select" id="site_private_plugin">
                                                        <option selected disabled>请选择插件关联</option>
                                                        <option value="1">xx插件</option>
                                                        <option value="2">zz插件</option>
                                                    </select>
                                                </div>
                                                <div class="input-group mb-1">
                                                    <label class="input-group-text" for="site_private_end">私有到期后的状态</label>
                                                    <select class="form-select" id="site_private_end">
                                                        <option value="0" selected>站点内容全部不可见</option>
                                                        <option value="1">到期前内容可见，新内容不可见</option>
                                                    </select>
                                                </div>
                                                <!--配置 结束-->
                                            </div>
                                        </div>
                                        <!--私有模式设置 结束-->
                                    </div>
                                    <!--运行模式设置 结束-->
                                </div>
                            </div>

        
                            <!--保存按钮-->
                            <div class="row my-5">
                                <div class="col-lg-2"></div>
                                <div class="col-lg-6">
                                    <button type="submit" class="btn btn-primary">提交保存</button>
                                </div>
                            </div>
                        </form>
                        <!--表单 结束-->
                    </div>
                    
                    <footer>
                        <div class="copyright text-center">
                            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
                        </div>
                    </footer>
                </div>
                <!--设置区域 结束-->
            </div>
        </div>
    </main>
    
    <!-- Language Modal -->
    <div class="modal fade" id="siteNameModal" tabindex="-1" aria-labelledby="siteNameModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">站点名称设置</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col" class="w-25">语言标签</th>
                                        <th scope="col" class="w-25">语言名称</th>
                                        <th scope="col" class="w-50">内容</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>zh-Hans-CN</td>
                                        <td>简体中文(内地)</td>
                                        <td><input type="text" class="form-control" value="名称"></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-SG</td>
                                        <td>简体中文(新加坡)</td>
                                        <td><input type="text" class="form-control" value="名称"></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-HK</td>
                                        <td>繁體中文(香港)</td>
                                        <td><input type="text" class="form-control" value="名稱"></td>
                                    </tr>
                                    <tr>
                                        <td>en-US <i class="bi bi-info-circle text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="默认语言"></i></td>
                                        <td>English(United States)</td>
                                        <td><input type="text" class="form-control" value="name"></td>
                                    </tr>
                                    <tr>
                                        <td>ja</td>
                                        <td>日本語</td>
                                        <td><input type="text" class="form-control" value="名"></td>
                                    </tr>
                                    <tr>
                                        <td>ko-KR</td>
                                        <td>한국어(대한민국)</td>
                                        <td><input type="text" class="form-control" value="이름"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--保存按钮-->
                        <div class="text-center">
                            <button type="button" class="btn btn-success" data-bs-dismiss="modal" aria-label="Close">确认</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Language Modal -->
    <div class="modal fade" id="siteDescModal" tabindex="-1" aria-labelledby="siteDescModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">站点介绍设置</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col" class="w-25">语言标签</th>
                                        <th scope="col" class="w-25">语言名称</th>
                                        <th scope="col" class="w-50">内容</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>zh-Hans-CN</td>
                                        <td>简体中文(内地)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-SG</td>
                                        <td>简体中文(新加坡)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-HK</td>
                                        <td>繁體中文(香港)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>en-US <i class="bi bi-info-circle text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="默认语言"></i></td>
                                        <td>English(United States)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>ja</td>
                                        <td>日本語</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>ko-KR</td>
                                        <td>한국어(대한민국)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--保存按钮-->
                        <div class="text-center">
                            <button type="button" class="btn btn-success" data-bs-dismiss="modal" aria-label="Close">确认</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/admin.js"></script>
</body>

</html>